<%@ page import="ar.com.hakasoft.utils.NumberUtil" %>
<g:javascript library="facturacion" />
<%
  def meses = [1:"Enero", 2:"Febrero", 3:"Marzo", 4:"Abril", 5:"Mayo", 6:"Junio", 7:"Julio", 8:"Agosto", 9:"Septiembre", 10:"Octubre", 11:"Noviembre", 12:"Diciembre"];
%>

<g:if test="${ingresosList}">
	<H3>Ingresos</H3>
	<br>
	<div id="bodyTable" style="width: 50%; align: center;"><div id="wrapper">
		<g:each in="${ingresosList.hijos}" var="anio">
		<div id="headAnio_${anio?.clave}" class="contenedorHide" style="display: block;">
			<div id="toggleAnio_${anio?.clave}" class="headHide" onClick="javascript:animatedcollapse.toggle('contentIngresoAnio_${anio?.clave}');">
				<g:render template="/templates/headAnio" model="['anio': anio]"></g:render>
			</div>
			<div id="contentIngresoAnio_${anio?.clave}" class="contenedorHide" style="background-color: #f3f3f3;">
			
				<g:each in="${anio.hijos}" var="mes">
					<div id="headAnio_${anio?.clave}_Mes_${mes?.clave}">
						<div id="toggleAnio_${anio?.clave}_Mes_${mes?.clave}" class="headHide" onClick="javascript:animatedcollapse.toggle('contentIngresoAnio_${anio?.clave}_Mes_${mes?.clave}');">
							<g:render template="/templates/headMes" model="['mes': mes, 'meses':meses]"></g:render>
						</div>
						<div id="contentIngresoAnio_${anio?.clave}_Mes_${mes?.clave}" class="contenedorHide"  style="background-color: #c6c6c6;">
						
							<g:each in="${mes.hijos}" var="dia">
							<div id="headAnio_${dia?.clave}_Mes_${mes?.clave}_Dia_${dia?.clave}">
							<div id="toggleAnio_${anio?.clave}_Mes_${mes?.clave}_Dia_${dia?.clave}" class="headHide" onClick="javascript:animatedcollapse.toggle('contentIngresoAnio_${anio?.clave}_Mes_${mes?.clave}_Dia_${dia?.clave}');">
								<g:render template="/templates/headDia" model="['dia': dia]"></g:render>
							</div>
							<div id="contentIngresoAnio_${anio?.clave}_Mes_${mes?.clave}_Dia_${dia?.clave}" class="contenedorHide" style="background-color: #adadad;">
								<g:each in="${dia.facturas}" var="factura">
									<div id="factura_${factura?.id}" style="height: 30px;">
									<table style="width: 100%; cellpadding: 0px; cellspaciong: 0px; border: none;"><tr>
									<td width="10%">&nbsp;</td>
									<td width="25%">
									<g:link controller="facturacion" action="editar" id="${factura.id}" ><img src="${resource(dir:'images',file:'edit.png')}" alt="Editar" border="0" /></g:link>
									<g:link controller="facturacion" action="show" id="${factura.id}" ><img src="${resource(dir:'images',file:'view.png')}" border="0" alt="Ver" /> </g:link>
									<img src="${resource(dir:'images',file:'print.png')}" alt="Imprimir" border="0" onclick="window.open('${ g.createLink(controller: 'facturacion', action: 'imprimir', id: factura.id ) }', 'Imprimir','status=1,toolbar=1');" />
									<img src="${resource(dir:'images',file:'delete.png')}" alt="Eliminar" border="0" onclick="eliminarFactura(${factura?.id});" />
									
									</td>
									<g:set var="origen" value="${factura.dietetica?:factura?.vendedor?:factura.cliente}" />
									<td>${origen }</td>
<%--								<td width="40%" align="left"><label>${factura.dietetica?:factura?.vendedor?:factura?.cliente}</label></td>--%>
									<td width="25%" align="right"></td>
<%--									<td width="25%" align="right"><label class="total">$ ${NumberUtil.setearDecimales(factura?.precioTotal, 2)}</label></td>--%>
									</tr></table>
									</div>
								</g:each>
							</div>
							
						<script type="text/javascript">animatedcollapse.addDiv('contentIngresoAnio_${anio?.clave}_Mes_${mes?.clave}_Dia_${dia?.clave}', 'fade=0,speed=100');</script>
					</div>
				</g:each>
				
			</div>
			<script type="text/javascript">animatedcollapse.addDiv('contentIngresoAnio_${anio?.clave}_Mes_${mes?.clave}', 'fade=0,speed=100');</script>
				</div>
			</g:each>
			
			</div>
			<script type="text/javascript">animatedcollapse.addDiv('contentIngresoAnio_${anio?.clave}', 'fade=0,speed=100');</script>
			</div>
		</g:each>
	</div></div>

</g:if>
<g:else>
	<p><label>No hay facturas para los filtros seleccionados</label></p>
</g:else>

<script type="text/javascript">
	function miToggle(div, state) {
<%--		alert('div: ' + div.id + '\nstate: ' + state);--%>
	}
	
	animatedcollapse.ontoggle = function($, div, state) { miToggle(div, state); }
	animatedcollapse.init();
</script>